<article>
  <header>
    <img src="../docs/.vuepress/public/logo.svg" width="140" height="140" />
    <h1>macOS <code>defaults</code> list</h1>
  </header>
</article>

<style>
  body {
    width: 1500px;
  }

  article {
    background: url('./macos-13.jpg');
    background-size: cover;
    width: 1437px;
    height: 719px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  article header {
    background: #ffffffdd;
    width: 1100px;
    height: 200px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }

  article header h1 {
    font-family: -apple-system-headline, BlinkMacSystemFont, sans-serif;
    font-size: 5rem;
    color: #1d1d1f;
  }

  article header h1 code {
    background: #cccccc;
    border-radius: 15px;
    padding: 0 1rem;
  }
</style>
